<template>
  <div class="logo">
    <ul>
      <li style="float: left;">
        <img src="../assets/logo.png" @click="goToList('/index')">
      </li>
      <li style="margin-top: 22px;">
        欢迎您访问广州市司法局法律法规数据库
      </li>
      <li>
        <i class="el-icon-star-off" style="color:#DEDEDE; font-size:28px; line-height: 62px;"></i>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  methods: {
    goToList (url) {
      this.$router.push(url)
    }
  }
}
</script>
<style>
.logo {
  padding-top: 10px;
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  height: 70px;
}

*, li {
  list-style: none;
}

.logo ul li {
  float: right;
}

.logo ul li i {
  padding-right: 10px;
}
</style>
